<template>
	<view class="max-box">
		<view class="delivery-address">
			<view class="address-phone">谢 17320825895</view>
			<view class="address">河北省 邢台市 南和县 河郭乡 南豆村 52号</view>
			<u-line type="info"></u-line>
			<view class="address-bottom">
				<view class="">
					<u-checkbox-group>
						<u-checkbox v-model="name" activeColor="red" shape="circle" label="默认"></u-checkbox>
					</u-checkbox-group>
				</view>
				<view class="bottom-right">
					<u-icon name="share-square" size="28"></u-icon>
					<view class="edit">编辑</view>
					<u-icon name="trash" size="28"></u-icon>
					<view class="">删除</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 单选框数据
				radiolist1: [{
						name: '默认',
						disabled: false
					},
				],
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.max-box {
		height: 1400rpx;
		background-color: rgb(246, 246, 246);
	}

	.delivery-address {
		background-color: #fff;
		padding: 20rpx;
	}

	.address-phone {
		font-weight: bold;

		font-size: 40rpx;
	}

	.address {
		margin-top: 20rpx;
		color: rgb(146, 146, 146);
		margin-bottom: 20rpx;
	}
	.address-bottom{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
	}
	.bottom-right{
		display: flex;
		align-items: center;
	}
	.edit{
		margin-right: 20rpx;
	}
</style>